<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>paysuccess</title>
    <link  href="../static/bootstrap-3.3.7/css/bootstrap.min.css" th:href="@{bootstrap-3.3.7/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
    <script src="../static/bootstrap-3.3.7/js/jquery-1.11.3.min.js" th:src="@{bootstrap-3.3.7/js/jquery-1.11.3.min.js}"  type="text/javascript"></script>
    <script src="../static/bootstrap-3.3.7/js/bootstrap.min.js" th:src="@{bootstrap-3.3.7/js/bootstrap.min.js}" type="text/javascript"></script>
    <script src="../static/My97DatePicker/WdatePicker.js" th:src="@{My97DatePicker/WdatePicker.js}" type="text/javascript" ></script>

    <style type="text/css">
        body{
            background-color: #f1f2f6;
        }

        .foot{
            position:relative;
            bottom:0;
            height: 100px;
            margin-top: 300px;
            padding-top: 30px;
            width: 100%;
            text-align:center;
            background-color: white;
            font-size: 12px;
        }

        .glyphicon-user{
            color:coral;
            font-size:20px;
        }

        .fcolor{
            color: white;
            font-size:20px;
        }
        input{
            border-bottom: 1px solid #dbdbdb;
            border-top:0px;
            border-left:0px;
            border-right:0px;
        }
    </style>
</head>
<body>
<!--  	描述：导航条    -->
<nav class="navbar navbar-default" role="navigation" style="background-color: #ffffff; height: 80px;margin-bottom: 10px">
    <div class="container">
        <div class="row">
            <div class="navbar-header">
                <a class="navbar-brand" href="">
                    <i style="display: inline-block;background-color: #5cb85c; width: 150px;height:50px; background: url(../static/img/bg/piaodekuai.png) no-repeat center; background-size: 100px 50px; "></i>
                    <!-- <span style="color:#0652DD; font-size:30px;width: 30px;">飘得快</span>-->
                </a>
            </div>
            <div class="nav navbar-nav" style="width: 70%;padding-top: 30px;padding-left: 110px">

                <span style="color: #747d8c;float: left">乘机信息&nbsp;</span>
                <div style="float: left;border-bottom: 1px solid #dbdbdb;width: 32%;margin-top: 10px;"></div>
                <span style="color: #747d8c;float: left">&nbsp;支付&nbsp;</span>
                <div style="float: left;border-bottom: 1px solid #dbdbdb;width: 32%;margin-top: 10px;"></div>
                <span style="color: #ffa801;float: left">&nbsp;完成</span>

            </div>
            <div class="nav navbar-nav navbar-right" style="padding-top: 25px;margin-right: 0px">
                <a href="/customerCenter">
                    <span class="fcolor glyphicon glyphicon-user" style="color: #6A6AFF;font-size: 20px"></span>
                    <span style="color: #1e272e;font-size: 15px" >你好，李白</span>
                </a>
            </div>
        </div>
    </div>
</nav>

<div class="container">
    <div class="row" style="background-color:#ffffff; height: 230px;
        -moz-box-shadow: 0px 1px 2px  #909090;-webkit-box-shadow: 0px 1px 2px  #909090">
        <div style="background-color:#ffffff;padding-top: 50px;color: #303952;text-align: center">
            <span class="glyphicon glyphicon-ok" style="font-size: 60px; color: #5cb85c"></span>
            支付完成，<span id="tenseconds">10</span>秒后返回首页...
        </div>
    </div>
</div>


<div class="foot">
    <p>网站导航 | 宾馆索引 | 用户协议 | 关于携程 | 企业公民 | 诚聘英才 | 分销联盟 | 企业礼品卡采购 | 代理合作 | 广告业务 | 联系我们 | 返回旧版</p>
    <span>Copyright © 2019-2019, 第九组 All rights reserved.</span>
</div>



</body>

<script>

    function showtime(){
        var time=10;
        times = setInterval(function(){
            time=time-1;
            //var minute=parseInt(time/60);
            //var second=parseInt(time%60);
            //countdown.innerHTML='还剩'+minute+'分'+second+'秒';
            //alert($("#yanzheng").text());
            $("#tenseconds").html(time);

            if(time == 0){
                location.href="/Home";
            }

        },1000);
    }

    window.onload = showtime;

</script>

</html>